<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ the_title }}</title>
        <link rel="stylesheet" href="/static/style.css" />
</head>
<body>

<div class="page-header" align="center">
<h1>WELCOME TO THE WEATHER FORECAST WEBSITE!</h1>
</div>

<div class="page-header" align="center">
<form method="post" action="/entry">
<button type="submit" class="btn btn-xs btn-primary" style="">开始你的天气预测吧！</button>
</form></div>
<div class="hot">

	<span class="sun"></span>
	<span class="sunx"></span>
</div>
<div class="cloudy">
	<span class="cloud"></span>
	<span class="cloudx"></span>
</div>
<div class="stormy">
	<ul>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	</ul>
	<span class="snowe"></span>
	<span class="snowex"></span>
	<span class="stick"></span>
	<span class="stick2"></span>
</div>
<div class="breezy">
	<ul>

	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>	
	</ul>
	<span class="cloudr"></span>


</div>
<div class="night">
<span class="moon"></span>
<span class="spot1"></span>
<span class="spot2"></span>
<ul>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>	
	</ul>


</body>
</html>